<!DOCTYPE HTML>
<!-- thymeleaf 导入 -->
<html xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:replace="views/common/common :: head('登陆')">
</head>
<body>
	<!-- common 的 定义好的 header模板 引用  参数 title  -->
	<!-- 
	 Bootstrap的容器Class使用 
	 container ：用于固定宽度并支持响应式布局的容器 
	 container-fluid ：用于 100% 宽度，占据全部视口（viewport）的容器。
	-->
	<div class="container" th:replace="views/common/common :: header('login') "></div>
	<div class="container" style="width: 100%; min-height: 630px;position:relative ;padding-top: 10%; background-image: url('/images/img/login.jpg'); background-size:cover;" >
		<!--Bootstrap
			.row:行控制  一行有12列
			.clo-md-4:列控制 表示 占 4列
			.md-offfset-4:向右侧偏移4
		 -->
		<div class="row" style="height: 100%">
			<div class="col-md-4 col-md-offset-4">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">用户登录</h3>
					</div>
					<div class="panel-body">
						<form id="frmLogin" method="post" th:action="@{'/login'}" >
							<div class="form-group form-inline">
								<label for="txtUserName" class="col-md-3 control-label"
									style="text-align: right;">用户名</label>
								<div class="col-md-9">
								<input class="form-control" style="width:60%;" placeholder="请输入用户名 &#8727;" autofocus="autofocus" name="txtUserCd" type="text"  value=""
                                	th:id="usrCode" required="required"/>
								</div>
							</div>
							<div class="form-group form-inline" style="padding-top:45px">
								<label for="txtUserPwd" class="col-md-3 control-label"
									style="text-align: right;">密码</label>
								<div class="col-md-9">
										<input class="form-control" style="width:60%;" placeholder="password &#8727;" name="txtUserPwd" type="password" value="" required="required" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-md-offset-3 col-md-9">
									<div class="checkbox">
										<label> <input type="checkbox" />请记住我(未实现)
										</label>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-md-offset-3 col-md-5">
									<button class="btn btn-primary btn-block" type="submit" name="action"
										value="login">登录</button>
								</div>

							</div>
							<div class="form-group">
								<div class=" col-md-12" style="padding-top:15px">
									<div class="alert alert-danger" role="alert" th:if="${loginError}">
										<strong>用户名或者用户密码不正确，请重新输入</strong>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- common 的 定义好的 fotter模板引用  无参  -->
	<div class="container" th:replace="views/common/common :: footer"></div>
</body>
</head>
</html>